<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>APH2.0 - 奖项设置 - 第一资产</title>

	<!-- Global stylesheets -->
	<link rel="stylesheet" type="text/css" href="https://css.firstcare.com.cn/assets/css/icons/icomoon/styles.css">
	<link rel="stylesheet" type="text/css" href="https://css.firstcare.com.cn/assets/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="https://css.firstcare.com.cn/assets/css/core.css">
	<link rel="stylesheet" type="text/css" href="https://css.firstcare.com.cn/assets/css/components.css">
	<link rel="stylesheet" type="text/css" href="https://css.firstcare.com.cn/assets/css/colors.css">
	<link rel="stylesheet" type="text/css" href="https://css.firstcare.com.cn/assets/css/sidebar_t.css">
	<!-- /global stylesheets -->

	<!-- Core JS files -->
	<script type="text/javascript" src="https://css.firstcare.com.cn/assets/js/plugins/loaders/pace.min.js"></script>
	<script type="text/javascript" src="https://css.firstcare.com.cn/assets/js/core/libraries/jquery.min.js"></script>
	<script type="text/javascript" src="https://css.firstcare.com.cn/assets/js/core/libraries/bootstrap.min.js"></script>
	<script type="text/javascript" src="https://css.firstcare.com.cn/assets/js/plugins/loaders/blockui.min.js"></script>
	
    
    
    <script type="text/javascript" src="https://css.firstcare.com.cn/assets/js/plugins/forms/styling/uniform.min.js"></script>	         
	<script type="text/javascript" src="https://css.firstcare.com.cn/assets/js/core/libraries/jquery_ui/interactions.min.js"></script>
	<!-- /core JS files -->

	<!-- Theme JS files -->
	<script type="text/javascript" src="https://css.firstcare.com.cn/assets/js/plugins/tables/footable/footable.min.js"></script>
    <script type="text/javascript" src="https://css.firstcare.com.cn/assets/js/plugins/forms/styling/uniform.min.js"></script>
	<script type="text/javascript" src="https://css.firstcare.com.cn/assets/js/plugins/forms/styling/switchery.min.js"></script>
	<script type="text/javascript" src="https://css.firstcare.com.cn/assets/js/plugins/forms/styling/switch.min.js"></script>
	<script type="text/javascript" src="https://css.firstcare.com.cn/assets/js/plugins/forms/selects/bootstrap_multiselect.js"></script>	
	<script type="text/javascript" src="https://css.firstcare.com.cn/assets/js/plugins/forms/selects/select2.min.js"></script>
	
	<script type="text/javascript" src="https://css.firstcare.com.cn/assets/js/core/app.js"></script>
   
    <script type="text/javascript" src="https://css.firstcare.com.cn/assets/js/pages/form_multiselect.js"></script>
    <script type="text/javascript" src="https://css.firstcare.com.cn/assets/js/pages/form_select2.js"></script>
    <script type="text/javascript" src="https://css.firstcare.com.cn/assets/js/pages/form_checkboxes_radios.js"></script>
    
    
    <!--
    <script type="text/javascript" src="assets/js/pages/datatables_basic.js"></script>
    -->
    <script type="text/javascript" src="https://css.firstcare.com.cn/assets/js/plugins/laydate/laydate.js"></script>
    
    
    
	<!-- /theme JS files -->

</head>

<body>

	<!-- Main navbar -->
	<div class="navbar navbar-default header-highlight">
		<div class="navbar-header">
			<a class="navbar-brand" href="index.html"><img src="assets/images/logo_light.png" alt=""></a>

			<ul class="nav navbar-nav visible-xs-block">
				<li><a data-toggle="collapse" data-target="#navbar-mobile"><i class="icon-tree5"></i></a></li>
				<li><a class="sidebar-mobile-main-toggle"><i class="icon-paragraph-justify3"></i></a></li>
			</ul>
		</div>

		<div class="navbar-collapse collapse" id="navbar-mobile">
			<ul class="nav navbar-nav">
				<li><a class="sidebar-control sidebar-main-toggle hidden-xs"><i class="icon-paragraph-justify3"></i></a></li>
			</ul>


			<ul class="nav navbar-nav navbar-right">
				

				<li class="dropdown">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown">
						<i class="icon-bubble8"></i>
						<span class="visible-xs-inline-block position-right">消息</span>
						<span class="badge bg-warning-400">3</span>
					</a>
					
					<div class="dropdown-menu dropdown-content width-350">
						<div class="dropdown-content-heading">
							消息
							<ul class="icons-list">
								<li><a href="#"><i class="icon-compose"></i></a></li>
							</ul>
						</div>

						<ul class="media-list dropdown-content-body">
							<li class="media">
								<div class="media-body">
									<a href="#" class="media-heading">
										<span class="text-semibold">郭富城</span>
										<span class="media-annotation pull-right">04:58</span>
									</a>

									<span class="text-muted">申请关联XX职责</span>
								</div>
							</li>
                            <li class="media">
								<div class="media-body">
									<a href="#" class="media-heading">
										<span class="text-semibold">陈晓</span>
										<span class="media-annotation pull-right">04:58</span>
									</a>

									<span class="text-muted">申请开通XX权限</span>
								</div>
							</li>
                            <li class="media">
								<div class="media-body">
									<a href="#" class="media-heading">
										<span class="text-semibold">林心如</span>
										<span class="media-annotation pull-right">04:58</span>
									</a>

									<span class="text-muted">申请关联XX职责</span>
								</div>
							</li>
						</ul>

						<div class="dropdown-content-footer">
							<a href="#" data-popup="tooltip" title="全部信息"><i class="icon-menu display-block"></i></a>
						</div>
					</div>
				</li>

				<li class="dropdown dropdown-user">
					<a class="dropdown-toggle" data-toggle="dropdown">
						<img src="assets/images/placeholder.jpg" alt="">
						<span>刘德华</span>
						<i class="caret"></i>
					</a>

					<ul class="dropdown-menu dropdown-menu-right">
						<li><a href="password.html"><i class="icon-lock2"></i> 修改密码</a></li>
						<li class="divider"></li>
						<li><a href="#"><i class="icon-switch2"></i> 退出</a></li>
					</ul>
				</li>
			</ul>
		</div>
	</div>
	<!-- /main navbar -->


	<!-- Page container -->
	<div class="page-container">

		<!-- Page content -->
		<div class="page-content">

			<!-- Main sidebar -->
			<div class="sidebar sidebar-main">
				<div class="sidebar-content">

					<!-- User menu -->
					<div class="sidebar-user">
						<div class="category-content">
							<div class="media">
								<a href="#" class="media-left"><img src="assets/images/placeholder.jpg" class="img-circle img-sm" alt=""></a>
								<div class="media-body">
									<span class="media-heading text-semibold">刘德华</span>
									<div class="text-size-small text-muted">
										人力资源中心
									</div>
								</div>

							</div>
						</div>
					</div>
					<!-- /user menu -->


					<!-- Main navigation -->
					<div class="sidebar-category sidebar-category-visible">
						<div class="category-content no-padding">
							<ul class="navigation navigation-main navigation-accordion">
								<li><a href="index.html"><i class="icon-home4"></i> <span>首页</span></a></li>
								<li class="active">
									<a href="#"><i class="icon-collaboration"></i> <span>激励问责</span></a>
									<ul>
									    <li><a href="award.html">获奖情况</a></li>
										<li class="active"><a href="incentive.html">奖项设置</a></li>                                        
									</ul>
								</li>
								<li>
									<a href="#"><i class="icon-collaboration"></i> <span>绩效管理</span></a>
									<ul>
										<li><a href="correlation_search.html">绩效评估</a></li>
                                        <li><a href="correlation_forward.html">绩效配置</a></li>
									</ul>
								</li>
							</ul>
						</div>
					</div>
					<!-- /main navigation -->

				</div>
			</div>
			<!-- /main sidebar -->











<!-- #################################################################################################################################### -->
<script type="text/javascript" src="editable.js"></script>


			<!-- Main content -->
			<div class="content-wrapper">
                
				<!-- Content area -->
				<div class="content">
                <div class="breadcrumb-line breadcrumb-line-wide" style="box-shadow: none;">
								<ul class="breadcrumb">
							<li><a href="index.html"><i class="icon-home2 position-left"></i> 首页</a></li>
							<li class="active">奖项设置</li>
						</ul>
							</div>
					<!-- Basic responsive table -->
					<div class="panel panel-flat">
						<div class="panel-heading">
							<h5 class="panel-title">奖项列表</h5>
							<div class="heading-elements">
			                	<ul class="icons-list">
                                <li><a href="javascript:void(0)" class="btn btn-primary btn-xs mr-5 editable-add"><i class="icon-plus2"></i> 新增</a></li>
                                <li>
                                <a href="#" class="btn btn-default btn-xs mr-5" data-toggle="modal" data-target="#modal_form_search" data-popup="tooltip" title="查看查询条件"><i class=" icon-zoomin3"></i> 查询</a>
                                </li>
                                
                            
                                <li>
                                <a href="javascript:void(0)" class="btn btn-default btn-xs mr-5 editable-refresh"> 刷新</a>
                                </li>
                                
                                <li class="line"></li>
                                <li>
                                <a href="javascript:void(0)" class="btn btn-default btn-xs mr-5 editable-update-all"> 修改所有</a>
                                </li>
                                <li>
                                <a href="javascript:void(0)" class="btn btn-default btn-xs mr-5 editable-save-all"> 保存所有</a>
                                </li>
                                <li>
                                <a href="javascript:void(0)" class="btn btn-default btn-xs mr-5 editable-exit-all"> 取消所有</a>
                                </li>
                                
			                	</ul>
		                	</div>
						</div>

						<div class="table-responsive">
							<table class="table table-togglable table-hover datatable-basic dataTable table-striped editable-table">
                                <thead>
									<tr class="editable-title">
                                        <th><div class="checkbox">
											<label>
												<input type="checkbox" class="styled" checked="checked">
											</label>
										</div></th>
										<th>序号</th>
										<th class="">奖项名称</th>
										<th class="">奖项类型</th>
										<th class="">奖励类型</th>
										<th class="">奖励额度</th>
                                        <th class="">创建人</th>
                                        <th class="">创建时间</th>
                                        <th class="">状态</th>
										<th class="text-center">操作</th>
									</tr>
								</thead>
								<tbody>
									
									
									
									
									<tr class="editable-trModel">
                                        <td></td>
										<td></td>
										<td><input type="text" class="form-control editable-input" name="text"></td>
										<td><select class="editable-select" name="select1">
											<option value="1">总经理基金</option>
                                            <option value="2">评优</option>
											<option value="3">财富俱乐部积分</option>
										</select>
										</td>
										<td><select class="editable-multiselect" multiple="multiple" name="select2">
												<option value="cheese">Cheese中文</option>
												<option value="tomatoes">Tomatoes中文</option>
												<option value="mozarella">Mozzarella中文</option>
												<option value="mushrooms">Mushrooms中文</option>
											</select>
										</td>
										<td class="col-sm-2">
										<div class="input-group">
											<input type="text" class="form-control editable-date" placeholder="请选择日期" onClick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})" name="date">
												<span class="input-group-addon"><i class="icon-calendar"></i></span>
											</div>
										</td>
                                        <td></td>
                                        <td></td>
                                        <td><select class="editable-select" name="select3">
											<option value="Y">已启用</option>
                                            <option value="N">已禁用</option>
										</select></td>
										<td class="text-center">
                                        	<a href="javascript:void(0)" class="editable-add">保存</a>
                                            <a href="javascript:void(0)" class="editable-cancel">撤销</a>
                                            <a href="javascript:void(0)" class="editable-exit">取消</a>
                                            <a href="javascript:void(0)" class="editable-update">修改</a>
                                            <a href="javascript:void(0)" class="editable-save" dataid="">保存</a>
                                            <a href="javascript:void(0)" class="editable-delete" dataid="">删除</a>
                                        </td>
									</tr>
                                    
                                    
                                    
                                    
                                    
                                    
                                    <tr>
                                        <td><div class="checkbox">
											<label>
												<input type="checkbox" class="styled" checked="checked">
											</label>
										</div></td>
										<td>1</td>
										<td><font style="color: red;">000</font></td>
										<td><b>评优</b></td>
										<td><i>Mozzarella中文</i></td>
										<td class="col-sm-2"><b>2017-04-04 00:00:00</b></td>
                                        <td>管理员</td>
                                        <td>2016-07-28</td>
                                        <td><span class="label border-left-info label-striped">已启用</span></td>
										<td class="text-center">
                                            <a href="javascript:void(0)" class="editable-update">修改</a>
                                            <a href="javascript:void(0)" class="editable-save" dataid="123">保存</a>
                                            <a href="javascript:void(0)" class="editable-exit">取消</a>
                                            <a href="javascript:void(0)" class="editable-delete" dataid="123">删除</a>
										</td>
									</tr>
									
									
								</tbody>
							</table>
                            <div class="datatable-footer"><div class="dataTables_paginate paging_simple_numbers mr-20" id="DataTables_Table_3_paginate"><ul class="pagination">
								    <li><a href="#">共55条</a></li>
									<li><a href="#">&lsaquo;</a></li>
									<li class="active"><a href="#">1</a></li>
									<li><a href="#">2</a></li>
									<li><a href="#">3</a></li>
									<li class="disabled"><a href="#">4</a></li>
									<li><a href="#">5</a></li>
                                    <li><a href="#">...</a></li>
                                    <li><a href="#">65</a></li>
                                    <li><a href="#">66</a></li>
									<li><a href="#">&rsaquo;</a></li>
								</ul></div></div>
						</div>
                        
					</div>
                    
					<!-- /basic responsive table -->
					<!-- Footer -->
					<div class="footer text-muted">
						&copy; 2016. <a href="#"> ΜΟΜΛ Reserved.</a>
					</div>
					<!-- /footer -->

				</div>
				<!-- /content area -->

			</div>
                     
			<!-- /main content -->
<!-- #################################################################################################################################### -->






		</div>
		<!-- /page content -->

	</div>
	<!-- /page container -->
    <!-- Vertical form modal -->
    <!--
					<div id="modal_form_search" class="modal fade">
						<div class="modal-dialog">
							<div class="modal-content">
								<div class="modal-header">
									<button type="button" class="close" data-dismiss="modal">&times;</button>
									<h5 class="modal-title">奖项查询</h5>
								</div>

								<form action="#" class="form-horizontal">
									<div class="modal-body">
										<div class="form-group">
											<label class="control-label col-sm-2">奖项名称</label>
												<div class="col-sm-10">
													<input type="text" class="form-control" placeholder="请输入奖项名称">
												</div>
										</div>
                                        <div class="form-group">
											<label class="control-label col-sm-2">奖项类型</label>
											<div class="col-sm-10">
												<select data-placeholder="总经理基金'" class="select">
											<option>总经理基金</option>
                                            <option>评优</option>
											<option>财富俱乐部积分</option>
										</select>
											</div>
										</div>
                                        <div class="form-group">
                                               <label class="control-label col-sm-2">创建人</label>
                                                <div class="col-sm-10">
													<input type="text" class="form-control" placeholder="请输入创建人">
												</div>
										</div>
                                        <div class="form-group">
                                               <label class="control-label col-sm-2">创建时间</label>
                                                <div class="col-sm-10">
													<input type="text" class="form-control" placeholder="请输入职责名称">
												</div>
										</div>
										<div class="form-group">
											<label class="control-label col-sm-2">状态</label>
											<div class="col-sm-10">
											<label class="radio-inline">
										    <input type="radio" name="radio-inline-left" class="styled" checked="checked">
										    已启用
									        </label>
											<label class="radio-inline">
											<input type="radio" name="radio-inline-left" class="styled">
											已禁用
											</label>
											</div>
										</div>
									</div>

									<div class="modal-footer">
										<button type="button" class="btn btn-link" data-dismiss="modal">取消</button>
										<button type="submit" class="btn btn-primary">查询</button>
									</div>
								</form>
							</div>
						</div>
					</div>
					-->
                    <!-- /vertical form modal -->
</body>
<script>
$(document).ready(function(){	
	fixedTableTitle: true,
	editable.init({
	    beforeNew: function(){
	    	return true;
	    },
	    afterNew: function(){
	    	//$('#attendLineTable').dataTable().fnAdjustColumnSizing(false);
	    },
	    beforeAdd: function(){
	    	return true;
	    },
	    afterAdd: function(){
	    	//$('#attendLineTable').dataTable().fnAdjustColumnSizing(false);
	    },
		add: function(json,obj){
			alert(json);
			editable.setID(obj,456);
		},
		save: function(json,obj){
			alert(json);
			//获取可编辑行的数量
			//$("table.editable-table").find("tbody").find("tr:has(.editable-input)").not("tr.editable-trModel").length
		},
		del: function(json,obj){
			alert(json);
			obj.remove();
		},
		editEnable: function(obj){
			if($(obj).find("td").eq(2).text()=="000"){
				return true;
			}else{
				return true;
			}
		},
		beforeUpdate: function(obj){
			return true;
		},
		afterUpdate: function(){
			//$('#attendLineTable').dataTable().fnAdjustColumnSizing(false);
		},
		beforeSave: function(obj){
			return true;
		},
		afterSave: function(){
			//$('#attendLineTable').dataTable().fnAdjustColumnSizing(false);
		},
		afterUpdateAll: function(){
			//$('#attendLineTable').dataTable().fnAdjustColumnSizing(false);
		},
		afterSaveAll:function(){
			//$('#attendLineTable').dataTable().fnAdjustColumnSizing(false);
		},
		beforeSaveAll:function(){
			//$('#attendLineTable').dataTable().fnAdjustColumnSizing(false);
		}
	});
});
</script>
</html>
